<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>婚庆公司</title>
    <link rel="stylesheet" href="dit/styles.css">
</head>
<body>
<header>
    <div></div>
    <div class="xian">
        <span>宴喜天地主题宴会酒店</span>
    </div>
    <div class="san">
        <span>三</span>    
    </div>
</header>

<main>  
    <div class="box">
        <img src="../img/2.jpg" alt="">
        <img src="../img/3.jpg" alt="">
        <img src="../img/4.jpg" alt="">
    </div>
    <ul id="uls">
        <li></li>
        <li></li>
        <li></li>
    </ul>
    <div class="fuwu">
        <p><span class="fuwu1">服务</span>流程</p>
        <p><span class="fuwu1">Sevice</span>Process</p>
    </div>
    <div class="bao">
        <dl>
            <dt> <img src="../img/11.jpg" alt=""> </dt>
            <dd><b>红运厅</b><br>巴洛克风格</dd>
        </dl>
        <dl>
            <dt> <img src="../img/22.jpg" alt=""> </dt>
            <dd><b>红运厅</b><br>巴洛克风格</dd>
        </dl>
        <dl>
            <dt> <img src="../img/33.jpg" alt=""> </dt>
            <dd><b>红运厅</b><br>巴洛克风格</dd>
        </dl>
    </div>
    <div class="bao">
        <dl>
            <dt> <img src="../img/11.jpg" alt=""> </dt>
            <dd><b>红运厅</b><br>巴洛克风格</dd>
        </dl>
        <dl>
            <dt> <img src="../img/22.jpg" alt=""> </dt>
            <dd><b>红运厅</b><br>巴洛克风格</dd>
        </dl>
        <dl>
            <dt> <img src="../img/33.jpg" alt=""> </dt>
            <dd><b>红运厅</b><br>巴洛克风格</dd>
        </dl>
    </div>
    <div class="huan">
        <p><span class="huan1">欢天喜地</span><span class="huan2">|</span>  Formal party</p>
        <p>我们不仅仅记录宴会本身，还有一场宴会的气质！</p>
    </div>
    <div class="fan">
        <span> Top</span>   
    </div>
    <div class="bos">

    </div>


</main>
<footer>
    <dl>
        <dt><img src="../img/x1.png" alt=""></dt>
        <dd>在线预约</dd>
    </dl>
    <dl>
        <dt><img src="../img/x2.png" alt=""></dt>
        <dd>信息咨询</dd>
    </dl>
    <dl>
        <dt><img src="../img/x3.png" alt=""></dt>
        <dd>电话咨询</dd>
    </dl>
    <dl>
        <dt><img src="../img/x4.png" alt=""></dt>
        <dd>一键导航</dd>
    </dl>
</footer>











<script src="js/flexible.js"></script>
<script src="js/flexible_css.js"></script>
</body>
</html>